<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>插值语法</title>
    <script src="../js/vue.js"></script>
</head>

<body>
    <div id="app">
        姓：<input type="text" v-model:value="firstName"/><br/><br/>
        名：<input type="text" v-model="lastName"/><br/><br/>
        全名：<span>{{firstName}}-{{lastName}}</span>
    </div>
    <script>
    //配置完全局配置之后再创建Vue实例,关闭Vue的生产提示标识
     Vue.config.productionTip = false;
        var vm = new Vue({
           el:'#app',
           data:{
                firstName: '张',
                lastName: '三'
           },
           methods:{}
        });
    </script>
</body>

</html>